<template>
  <div class="echart-yAxis-axisLabel">
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.show')"
      :label="$demoi18n('echart.label.showScaleLabels')"
      type="switch"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.margin')"
      :label="$demoi18n('echart.label.labelToAxisDistance')"
      type="number"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.rotate')"
      :label="$demoi18n('echart.label.labelRotationAngle')"
      type="number"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.inside')"
      :label="$demoi18n('echart.label.scaleLabelFacingInward')"
      type="switch"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.textStyle.color')"
      :label="$demoi18n('panel.label.fontColor')"
      type="color"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.fontSize')"
      :label="$demoi18n('word.fontSize')"
      type="number"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.fontWeight')"
      :label="$demoi18n('echart.label.bold')"
      type="select"
      :options="fontWeightOptions"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.fontFamily')"
      :label="$demoi18n('echart.label.fonts')"
      type="select"
      :options="fontFamilyOptions"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.showMinLabel')"
      :label="$demoi18n('echart.label.showMinLabel')"
      type="switch"
    />
    <FormItem
      :form="form"
      :option="fixPath('echart.yAxis.[x].axisLabel.showMaxLabel')"
      :label="$demoi18n('echart.label.showMaxLabel')"
      type="switch"
    />
  </div>
</template>
<script>
import FormItem from '@/components/common/echart/form-item.vue';
import { fontWeightOptions, fontFamilyOptions } from '@/components/common/echart/form-item-options.js';
import EchartCommonMixin from '@/components/common/echart/mixins/echart-common-mixin.js';

export default {
  components: { FormItem },
  mixins: [EchartCommonMixin],
  props: {
    form: Object,
  },
  data() {
    return {
      fontWeightOptions,
      fontFamilyOptions,
    };
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
